<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>商品-我的钱包-明细</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/app.css?a=1111"/>
</head>
<body class="isHide">
<div class="ft-wrap height top">
    <!--顶部悬浮导航-->
    <div class="ft-head-nav">
        <a class="ft-h-back" href="javascript:;">返回</a>
        <span class="ft-head-text">明细</span>
        <a class="ft-more-text normal" href="javascript:;" id="filtrate">筛选</a>
    </div>
    <!--中间滚动内容-->
    <div class="ft-container no-padding height background">
        <div class="ft-overflow">
            <div class="wallet-detail-bar">
                <ul class="wallet-detail-list">
                    <li>
                        <a class="clearfix" href="javascript:;">
                            <div class="float-left">
                                <label>Consumption</label>
                                <span>2017-02-24 21:05:48</span>
                            </div>
                            <div class="float-right">
                                <span>- 50.00</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="clearfix" href="javascript:;">
                            <div class="float-left">
                                <label>Recharge</label>
                                <span>2017-02-24 21:05:48</span>
                            </div>
                            <div class="float-right">
                                <span class="color-orange">+ 120.00</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="clearfix" href="javascript:;">
                            <div class="float-left">
                                <label>Refund</label>
                                <span>2017-02-24 21:05:48</span>
                            </div>
                            <div class="float-right">
                                <span>- 120.00</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="clearfix" href="javascript:;">
                            <div class="float-left">
                                <label>Consumption</label>
                                <span>2017-02-24 21:05:48</span>
                            </div>
                            <div class="float-right">
                                <span class="color-orange">+ 120.00</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--顶部筛选-->
    <div class="ft-pop-disk ft-wallet-filtrate-bar">
        <div class="ft-pop-box ft-wallet-filtrate animated-top">
            <div class="wallet-filtrate box-list">
                <ul class="row-2">
                    <li><a class="ft-btn active" href="javascript:;">All</a></li>
                    <li><a class="ft-btn" href="javascript:;">Consumption</a></li>
                    <li><a class="ft-btn" href="javascript:;">Recharge</a></li>
                    <li><a class="ft-btn" href="javascript:;">Refund</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/ft-common.js"></script>
<script src="../js/pageScript.js"></script>
<script>
    $(function () {
        //显示上方筛选
        popLeftMenu({
            clickEle: "#filtrate",
            diskEle: ".ft-wallet-filtrate-bar",
            animateEle: ".ft-wallet-filtrate"
        });
    })
</script>
</body>
</html>